<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>退款订单</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<!--<link href="../../../themes/css/core.css" rel="stylesheet" />-->
		
		<link href="css/mui.picker.css" rel="stylesheet" />
		<link href="css/mui.poppicker.css" rel="stylesheet" />
		
		<style type="text/css">
			ul{margin: 0;padding: 0;}
			li{margin: 0;list-style: none;
			/*float: left;*/
			}
			html, body{
				height: 100%;
				font-size: 14px;
			}
			img{
				width: 100%;
			}
			p{
				padding: 0px;
				margin: 0px;
			}
			/*修改首部导航栏文字颜色*/
			.mui-title{
				color: white;
			}
			.back_btn{
				color: white;
			}
			
			.aui-header-bg{
			    background-image: url(themes/img/banner/head_bgimg.jpg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: cover;
			}
			/*小标题样式*/
			 .small_banner{
			 	width: 100%;
			 	height: 40px;
			 	line-height: 40px;
			 	font-size: 14px;
			 	padding-left: 15px;
			 	margin-top: 15px;
			 	background-color: white;
			 	color: #777;
			 }
			 /*资料编辑输入框样式*/
			/*.inpt_box{
				width: 100%;
				height: auto;
				background-color: white;
			}*/
		
		    /*修改表格宽度字体样式*/
		   .mui-input-group .mui-input-row{
		   	height: 45px;
		   }
		   .mui-input-row label{
		   	line-height: 25px;
		   }
		   input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{
		   	 height: 45px;
		   }
		   /*保存按钮样式*/
		  .save_btn{
		  	width: 70%;
		  	margin-left: 15%;
		  	height: 40px;
		  	line-height: 12px;
		  	margin-top: 4rem;
		  }
		   /*年级选择下拉框样式*/
		 .nianji_selet{
		 	float: left;
		 	width: 60%;
		 	height: 43px;
		 	/*text-align: center;*/
		 	color: #777;
		 	line-height: 43px;
		 	/*background-color: darkcyan;*/
		 }
		 /*顶部退款详情样式*/
		  .tuikuan_dtl{
		  	background-color: white;
		  	padding: 10px 15px;
		  }
			.mui-input-row span{
				line-height: 45px;
			}  
			#refundsReason{
				height: 80px;
				margin: 10px 0 ;
			}
		 
		</style>
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav aui-header-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left back_btn"></a>
			<h1 class="mui-title">申请退款</h1>
			<!--<a class="mui-btn mui-btn-blue mui-btn-link mui-pull-right" id="bianji">编辑</a>-->
		</header>
		<div class="mui-content" style="background-color: #FFFFFF;">		
			<form id="frmMain" class="inpt_box mui-input-group mui-clearfix">
				<script   type="text/html" id="detailTmpl">
					<div class="mui-input-row">
						<label>订单编号:</label>
						<span>{{orderNum}}</span>					
					</div>
					<div class="mui-input-row">
						<label>联系人:</label>
						<span>{{userName}}</span>
					</div>
					<div class="mui-input-row">
						<label>联系方式:</label>
						<span>{{phone}}</span>
					</div>	
				</script>
				<div class="mui-input-row" style="height: auto;">
					<label>退款理由:</label>
					<textarea id="refundsReason" rows="5" maxlength="200" placeholder="请输入退款理由"></textarea>
				</div>
			</form>
			<button type="button" id="save_btn" class="mui-btn mui-btn-danger mui-btn-block save_btn">提交</button>
		</div>
		<script type="text/javascript" src="themes/js/jquery.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="themes/js/aui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="themes/js/Feng.js"></script>	
		<script type="text/javascript" src="themes/js/common.js"></script>
		<script type="text/javascript" src="themes/plugin/artTemplate/template.js"></script>	
		<script type="text/javascript" src="themes/plugin/layer/layer.js"></script>	
		<script type="text/javascript" src="themes/js/ajax-util.js"></script>	
		<script type="text/javascript" src="static/my/refound.js"></script>
	</body>

</html>